
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="kuapingUI" />
<meta name="description" content="">
<link rel="icon" type="image/png" href="favicon.png">

<title>跨屏UI框架，基于bootstrap4+</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>



	<link rel="stylesheet" type="text/css" href="css/websiteCSS.css"/>
</head>
<body>

<div class="body-inner">

<header id="header" data-transparent="" data-fullwidth="true" class=" dark">
<div class="header-inner">
<div class="container">

<div id="logo"> <a href="index.html">
	<span class="logo-default">
	<img src="images/logo.png"/>
	
</span><span class="logo-dark"><img src="images/logo-dark.png"/></span></a> </div>


 

<div class="header-extras float-left">
<ul>
	<li>
<a href="index.html"> 基于Bootstrap4+<i class="fa fa-heart fa-rotate-90" style="color:red;"></i>，开始你的创作吧！</a>
</li>
	</ul>
</div>


<div id="mainMenu-trigger"> <a class="lines-button x"><span class="lines"></span></a> </div>


<div id="mainMenu">
<div class="container">
<nav>

</nav>
</div>
</div>

</div>
</div>
</header>

<section>
<div class="container">
<div class="row">
<div class="col-lg-6 m-b-30" style="height:556px">
<div class="animated fadeInLeft visible" data-animate="fadeInLeft" data-animate-delay="800">
<img src="images/office.jpg" alt="" style="max-width: 100%;">
</div>
 
</div>
<div class="col-lg-6 animated fadeInUp visible" data-animate="fadeInUp" data-animate-delay="1000">
<div class="m-b-40">
<h1 class="text-medium">跨屏UI框架</h1>
<span class="lead">如果说Boostrap提供了一个可靠的网页元素UI组件，来构建一个网页，那么跨屏UI框架，则在bootstrap基础上提供了更为完整的网页组件，例如“关于我们”、“联系我们”，“相册”，“产品”等等组件。
</span>
</div>
<a href="http://ui.kuaping.com/bs4/" class="btn btn-dark btn-outline"><span>查看文档</span></a>
</div>
</div>
</div>
</section>

<footer id="footer">

<div class="copyright-content">
<div class="container">
<div class="copyright-text text-center">
基于Bootstrap的延伸-跨屏UI框架 - <script type="text/javascript" src="https://s11.cnzz.com/z_stat.php?id=1257136331&web_id=1257136331"></script></div>
</div>
</div>
</footer>
</div>


<a id="scrollTop"><i class="fa fa-angle-up"></i><i class="fa fa-angle-up"></i></a>

<script src="js/jquery.js"></script>
<script src="js/plugins.js"></script>
<script src="js/websiteJS.js"></script>



</body>
</html>